<template>
  <div class="bigliaotian">
    <div class="lunbotubigtop">
      <!-- <van-nav-bar

  left-text="返回"
  right-text="按钮"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
  class="narbar"
/> -->
<van-nav-bar class="narbar" left-text="返回" title="墩墩客服"  @click-left="onClickLeft" left-arrow>
  <template #right>
    <van-icon name="search" size="22"  @click="onClickright"/>
  </template>
</van-nav-bar>
    </div>
    <div class="liaotiandata">
            <van-image
  width="100%"
  height="100%"
:src="require('../assets/fc6d69d8fd2fe5ff4b6243bddeaaf20.jpg')"
/>
    </div>
    <!-- <div>2</div>
    <div>2</div> -->

  </div>
</template>
<script>
import { Toast, Dialog } from 'vant'
export default {
  name: '',
  data () {
    return {
      showShare: false,
      options: [
        { name: '微信', icon: 'wechat' },
        { name: '微博', icon: 'weibo' },
        { name: '复制链接', icon: 'link' },
        { name: '分享海报', icon: 'poster' },
        { name: '二维码', icon: 'qrcode' }
      ],
      show: false,
      showButton1: true // 初始状态为显示按钮1
    }
  },
  methods: {
    onClickLeft () {
      this.$router.push('/shouye')
    },
    onClickright () {
      Toast('正在开发中~~')
    },
    // 收藏成功
    shouchangbtn () {
      Toast.success('收藏成功')
    },
    dianzanbtn () {
      Toast.success('点赞成功')
    },
    // 分享面板属性
    onSelect (option) {
      Toast(option.name)
      this.showShare = false
    },
    // 评论
    pinlunbtn () {
      Dialog.alert({
        message: '功能正在开发中~~'
      }).then(() => {
        // on close
      })
    },
    // 电话
    showPopup () {
      this.show = true
    },
    toggleButtonstwo () {
      this.showButton1 = true
      Toast.fail('已取消关注')
    },
    // 点击关注
    toggleButtonsone () {
      this.showButton1 = false
      Toast.success('已关注')
    }
  }
}
</script>
<style lang="less">
.bigliaotian{
    width: 100%;
}
.lunbotubigtop{
    width: 100%;
    height: 35px;

 top: 0;
 position: fixed;
//  margin-bottom: 120px;
.narbar{
  // border: 1px solid #29a8e3;
  background-color: rgb(219, 218, 218);
}
  }
  .liaotiandata{
    margin-top: 50px;
    width: 100%;
  }
</style>
